/*
Theme Name: Rocketplume
Version: 1.0
Author: Antto web
Author URI: http://www.anttoweb.com

*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
	font-family: 'Abel', sans-serif;
	font-size: 1.8rem;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.navbar{
	margin-bottom:0;
}
@media(min-width: 770px){
	ul.nav li.dropdown:hover > ul.dropdown-menu{
		display: block;
		margin: 0;
	}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

/*Start Custom Css*/

/*Global*/
.container{
	width: auto;
	max-width: 1280px;
}
img{
	max-width: 100%;
	height: auto;
}
img.aligncenter{
	margin-left: auto;
	margin-right: auto;
	display: block;
}
/* Outline button for use within the docs */
.btn-outline {
	color: inherit;
	background-color: transparent;
	border-color: inherit;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

/* Inverted outline button (white on dark) */
.btn-outline-inverse {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}
.btn-outline-inverse:hover,
.btn-outline-inverse:focus,
.btn-outline-inverse:active {
	color: #fff;
	text-shadow: none;
	background-color: #000;
	border-color: #000;
}
h1,h2,h3,h4{
	font-family: 'Yanone Kaffeesatz', sans-serif;
}
h1,h2,h3,h4, h5,h6{
	margin-top: 0;
	line-height: 1.2;
	margin-top: 0;
}
h2{
	font-size: 5rem;
}
h3{
	font-size: 3.6rem;
}
h4{
	font-size: 2.4rem;
}
h5{
	font-size: 2rem;
}
a{
	outline: none !important;
}
.normal-container > .vc_column-inner,
.site-container,
.site-container.vc_row {
    margin-left: auto;
    margin-right: auto;
    max-width: 1800px;
}
.width-15{
	max-width: 1500px;
}
.width-8{
	max-width: 800px;
}
.width-15,
.width-8{
	margin-left: auto;
	margin-right: auto;
}
.white,
.white p{
	color: #fff;
}
/*header*/
.home header{
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	z-index: 1010;
}
header nav.navbar{
	padding: 10px 30px;
	border: 0;
}
.logo-img{
	margin: 10px 0 10px 15px;
	max-height: 50px;
}
.navbar-nav > li > a{
	font-size: 18px;
	line-height: 30px;
	color: inherit;
}
#menu-main-menu{
	margin: 5px 0;
}
header .container{
	max-width: 100%;
}
.page-content{
	padding-left: 15px;
	padding-right: 15px;
}
/*Home*/
.section-title{
	font-size: 6.2rem;
}
.btn{
	font-size: 18px;
	line-height: 30px;
	padding: 9px 16px;
}
#pp-nav span,
.pp-slidesNav span{
	margin: 2px;
	background-color: #666;
	border-color: transparent;
}
#pp-nav li .active span,
.pp-slidesNav .active span{
	height: 12px;
	width: 12px;
	margin: 0;
	border-color:#666;
	background-color: #666;
}
.logo-svg{
	max-height: 58px;
}
.home-section-3.vc_row{
	background-position: right bottom !important;
	background-size: auto 100% !important;
}
.home-section-4.vc_row{
	background-position: right bottom !important;
	background-size: auto 100% !important;
}
/*Page*/
.agency-we h3{
	padding-bottom: 20px;
}
.agency-capabilities ul{
	margin-bottom: 40px;
}
.clients-list{
	max-width: 1600px;
	margin: 0 auto;
}
.clients-list li{
	float: left;
	width: 25%;
}
.clients-list li img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    display: block;
    margin: 0 auto;
}
.agency-locations ul.agency-location > li{
	margin-bottom: 60px;
}
.agency-locations ul ul li{
	display: inline-block;
	margin-right: 10px;
}
.caldera-grid .single{
	margin-bottom: 30px !important;
}
.page-content .caldera-grid .form-control{
	font-size: 20px;
	height: auto;
}
.page-content .caldera-grid .btn{
    font-size: 18px;
    line-height: 30px;
    padding: 9px 16px;
}
@media (min-width: 1030px){
	.clients-list li img{
	    max-width: 235px;
	}
	.form-project{
		margin-top: 100px;
	}
}
@media (max-width: 770px){
	.equal-height{
		height: auto !important;
	}
	.navbar-nav > li > .dropdown-menu{
		position: relative;
		width: 100%;
		float: none;
	}
	.navbar-nav > li > a span.caret{
		border: 0;
		font-family: FontAwesome;
		font-feature-settings: normal;
		font-kerning: auto;
		font-language-override: normal;
		font-size: inherit;
		font-size-adjust: none;
		font-stretch: normal;
		font-style: normal;
		font-synthesis: weight style;
		font-variant: normal;
		font-weight: normal;
		height: auto;
		line-height: 20px;
		margin: 0;
		padding: 10px;
		position: absolute;
		right: 5px;
		text-align: center;
		text-rendering: auto;
		top: 0;
		width: 40px;
	}
	.navbar-nav > li > a span.caret:before{
		content:"\f078";
	}
	.navbar-nav > li > a span.caret.toggle-arrow:before{
		content:"\f077";
	}
	.navbar-nav > li > .dropdown-menu.toggle-dropmenu{
		display: block;
	}
	.navbar-toggle{
		border-color: #333;
		margin-top: 15px;
	}
	.navbar-toggle .icon-bar{
		background-color: #333;
	}
	header nav.navbar{
		padding: 10px 0;
	}
}
@media (max-width: 767px){
	.clients-list li{
		width: 50%;
	}

}
@media (max-width: 480px){
	h2,
	.section-title{
		font-size: 3.6rem;
	}
	h3{
		font-size: 2.8rem;
	}
}
